<template>
  <van-tabbar v-model="active" router>
    <van-tabbar-item name="home" icon="home-o" replace to="/movie">
      电影</van-tabbar-item
    >
    <van-tabbar-item name="search" icon="search" replace to="/cinema"
      >影院</van-tabbar-item
    >
    <van-tabbar-item name="friends" icon="friends-o" replace to="/mation"
      >资讯</van-tabbar-item
    >
    <van-tabbar-item name="setting" icon="setting-o" replace to="/center"
      >我的</van-tabbar-item
    >
  </van-tabbar>
</template>

<script setup lang="ts">
import { ref } from "vue";

const active = ref("home");
</script>
<style scoped></style>
